<template>
  <a-modal
    title="抖音活动"
    :width="500"
    :visible="visible"
    @ok="handleOk"
    @cancel="hide"
    :centered="true"
    okText="确定"
  >
    <a-form >
      <a-form-item label="参加抖音活动" :labelCol="{ span: 6 }" :wrapperCol="{ span: 18 }">
        <a-select v-model="is_join" placeholder="请选择是否参加抖音活动">
          <a-select-option :value="1">是</a-select-option>
          <a-select-option :value="0">否</a-select-option>
        </a-select>
      </a-form-item>
    </a-form>

  </a-modal>
</template>
<script>
import {editState} from "@/api/store";
export default {
  props: {
    sid: '',
    is_join: '',
  },
  data() {
    return {
      visible: false,
    }
  },
  methods: {
    show() {
      this.visible = true;
    },
    hide() {
      this.visible = false;
    },
    handleOk() {
      const params1 = {
        id: this.sid,
        type: "clothes",
        is_join: this.is_join,
      }
      editState(params1).then((res) => {
        this.$message.success('操作成功');
        this.hide();
        this.$emit('change')
      })
    }
  },
}
</script>
<style scoped lang="less">
/deep/ .ant-radio-group {
  width: 100%;
}
</style>